.card {
    border-radius: 3%;
    margin: 30px;
    padding: 10px;
    width: 180px;
    height: 250px;
    background-color: rgb(172, 169, 169);
    text-align: center;
    transition: 0.3s;

    &:hover {
        margin: 40px;
        box-shadow: 10px 20px 5px gray;
        cursor: pointer;
    }

    .title {
        font-size: 20px;
    }

    .description {
        font-size: 15px;
        text-align: left;

    }
}

.card:last-child {
    background-color: rgb(138, 84, 155);

    p {
        color: #fff;
    }

    &:hover {
        box-shadow: 10px 20px 5px rgb(151, 122, 122);
    }
}